@charset 'utf-8';
@import "public/_config.scss";
.title{
	height: pxToRem(70);
	line-height: pxToRem(70);
	font-size: pxToRem(30);
	background-color: #f2f2f2;
	color: #787878;
	text-align: center;
	.mess{
		padding-left: pxToRem(23);
	}
}
.ul{
	.li{
		margin: pxToRem(20) pxToRem(25);
		padding: pxToRem(24) pxToRem(27);
		background-color: #3dbbb2;
		border-radius: pxToRem(8);
		.box{
			@include flex-box();
			padding-bottom: pxToRem(20);
			font-size: pxToRem(31);
			color: #fff;
			.name{
				width: pxToRem(230);
			}
			.item{
				@include flex-item();
			}
		}
		.message{
			position: relative;
			background-color: #fff;
			color: #3dbbb2;
			padding: pxToRem(20) pxToRem(58) 0;
			font-size: pxToRem(28);
			border-radius: pxToRem(8);
			.mess-box{
				@include flex-box();
				padding-bottom: pxToRem(17);
				.mess-name{
					padding-right: pxToRem(40);
				}
				.mess-item{
					@include flex-item();
				}
			}
			&::before{
				content: '';
				display: inline-block;
				position: absolute;
				left: pxToRem(-6);
				top: 0;
				bottom: 0;
				border-left: 6px dotted #3dbbb2;
			};
			&::after{
				content: '';
				display: inline-block;
				position: absolute;
				right: pxToRem(-6);
				top: 0;
				bottom: 0;
				border-right: 6px dotted #3dbbb2;
			};
		}
	}
}

